.pd10
	padding 0 10px
.pd20
	padding 0 20px
.user.container
		padding 0 20px
.userinfo
	padding 10px 0
.setting
	.user-pic
		size(80px,80px)
		border-radius 50%
.user-pic,.list-item-userpic
	size(50px,50px)
		
$userc=#15a8f5
$ftc=#89b4cb
div[class*=-tab],div[class*=tab-]
	font-size 12px
	line-height 40px
	height 40px
	text-align center
	border-radius 5px
	border:1px solid $userc
	color $userc
	&>[class*=item]
		border-left 1px solid $userc
		&:first-child
			border-left none
		&.active
			background: $userc
			color #fff
.list-task
	.list-item
		padding 0 40px
		position relative
		margin-top 40px
		&:first-child
			margin-top 10px
		.date-pic
			position absolute
			left 16px
			top 0
			z-index 999
			size(50px,50px)
			background transparent url("../images/icon_date.png") 0 0 no-repeat
			background-size 100%
		.date-pic-label
			padding-left 40px
			padding-top 10px
			line-height 40px
			height 50px
	.pl40
		padding-left 40px
		line-height 34px
	.subitem
		position relative
		.list-item-content
			padding-left 30px
			border-left 1px solid #e0e0e0
			.tip
				border 1px solid #e0e0e0
				border-radius 5px
				line-height 30px
				padding 0 10px
				&:before
					content:""
					position absolute
					left 60px
					size(13px,13px)
					top: 84px
					border-left 1px solid #e0e0e0
					border-top 1px solid #e0e0e0
					background-color #fff
					-webkit-transform: rotate(45deg);
					   -moz-transform: rotate(45deg);
					    -ms-transform: rotate(45deg);
					     -o-transform: rotate(45deg);
					        transform: rotate(45deg);
				
		&:last-child
			.list-item-content
				border-bottom 1px solid #e0e0e0
	.list-item-type
		position absolute
		z-index 999
		left -25px
		top 20px
		width 50px
		padding 5px
		border-radius 5px
		border 1px solid #c7cbd2
		background-color #fdfdfd
		&.fNum4
			padding 5px 10px
			line-height 18px
.list-item-pic
	img
		width 90%
		max-width 50px
.list-item-summry
	margin-top 7px
	p
		color $ftc
.user-pic-setting
	background url("../images/newtaskA.png") right center no-repeat
	background-size 50px
.setting.list
	.list-item
		padding 10px 20px
.feedback.container
	label
		width 100%
		display block
		input
			-webkit-appearance none
			size(30px,30px)
			border 1px solid #ddd
			border-radius 50%
			margin-top 3px
			&:checked
				background-image url("../images/icon_checked.png")
				background-size 30px
	.q-item
		padding 10px
		p,input
			line-height 30px
		textarea
			width 100%
		textarea
			border-radius 5px
.feedback
	.content
		background-color #fff
		border-top 1px solid #e0e0e0
		border-bottom 1px solid #e0e0e0
		padding 5px
		.wrapper-img
			display inline-block
			position relative
				
.changepw.container
	.list
		padding 0 20px
		.list-item
			border 1px solid #e7e5f2
			margin-top 15px
			padding-left 30px
			line-height 30px
			border-radius 3px
			&.active
				border 1px solid #39bbff
		.list-item-content
			padding 0
			padding-left 10px
			border-left 1px solid #e7e5f2
			input::-webkit-input-placeholder{color:#768393}
.log-list.active
	.icon_rightArrow
		-webkit-transform rotate(90deg)
.log-item
	padding 5px 0
	position relative
	.icon_rightArrow
		position absolute
		right: 0
		top: 15px
		size(20px,20px)
.task-detail
	margin 0 10px
	border 1px solid #ebebeb
	border-radius 10px
	.p10
		padding 10px
	.task-detail-info
		.task-approve
			padding 10px 0
	.task-btn
		border-top 1px solid #ebebeb
		line-height 40px
.pageServe
	position absolute
	top 50px
	bottom 50px
	width 100%
	overflow-y scroll
	
// 各个类别底部border
.task_Finance_PayMoney
	border-bottom 2px solid #04aff4 !important//付款单
.task_wjz_bd
	border-bottom 2px solid #288add !important
.task_Finance_Reimbursement
	border-bottom 2px solid #13c15a !important
.task_Finance_OtherMoney
	border-bottom 2px solid #f42330 !important
.task_Finance_DepositApplySingle
	border-bottom 2px solid #fa4b82 !important
.task_Finance_BorrowMoney
	border-bottom 2px solid #cf4db7 !important
.task_Finance_ProjectMoney
	border-bottom 2px solid #5a33e0 !important
.task_Chief_PerformanceApply
	border-bottom 2px solid #3e42b8 !important
.task_Chief_PerformanceReturn
	border-bottom 2px solid #00829a !important
.task_Chief_CertificateApplyNew
	border-bottom 2px solid #75e5e4 !important
.task_Chief_CertificateReturn
	border-bottom 2px solid #b1d6f2 !important
.task_Chief_CertificateDeal
	border-bottom 2px solid #802f2f !important
.task_Chief_ReturnSeal
	border-bottom 2px solid #fddc3e !important
.task_Chief_BorrowSeal
	border-bottom 2px solid #eddac6 !important
.task_Chief_CarveSeal
	border-bottom 2px solid #fb500b !important
.task_Personnel_TravelApply
	border-bottom 2px solid #a5cc1f !important
.task_Personnel_BdApply
	border-bottom 2px solid #ed951e !important
.task_Personnel_Leave
	border-bottom 2px solid #868686 !important
.task_Personnel_OvertimeApply
	border-bottom 2px solid #304555 !important
.task_Personnel_DaysoffApply
	border-bottom 2px solid #4e290d !important
// 四个字的背景色
.task_Chief_CertificateCost
	background-color #04aff4 !important
	color #fff
.task_Project_ContractApplySingle
	background-color #0d94f6 !important
	color #fff
.task_Chief_AgreementApply
	background-color #13c15a !important
	color #fff
.task_Contract_BcompanyContract
	background-color #ef5b9c !important
	color #fff
.task_gcsp_bg
	background-color #cf4db7 !important
	color #fff
.task_Project_BidApply
	background-color #5a33e0 !important
	color #fff
.task_Chief_PublicDoc
	background-color #007d65 !important
	color #fff
.task_Chief_CertificateTransfer
	background-color #535353 !important
	color #fff
.task_gcsp_bg
	background-color #ad8b3d !important
	color #fff
.task_Chief_DestorySeal
	background-color #ef4136 !important
	color #fff
.task_Project_CommisionApply
	background-color #f47920 !important
	color #fff
.notice-radio
	size(60px,30px)
	background-color #fff
	border-radius 15px
	border 1px solid #ddd
	position relative
	.circle
		background-color #ffe
		size(30px,30px)
		border-radius 100%
		overflow hidden
		border 1px solid #ddd
		transition: left 0.2s
		position absolute
		left 0
		top 0
	&.checked
		background-color #30D030
		.circle
			left: 30px;
		